<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="css/mycss.css">
	<link rel="stylesheet" href="css/reset.css">
	<title>0824</title>
</head>
<body>
	<div class="mainDiv">

		<div class="nav">
			<h1 class="navh1">			
			<img src="img/mark_03.png" alt="leftmark" class="leftmark">我的宝箱</h1>
		</div>
		<div class="navline">
			
		</div>
		
		<div class="header">
			<ul>
				<li class="list1li1">
					<span class="list1title">已开宝箱获得</span>
					<img src="img/laba_03.png" alt="laba">
					<span class="list1span">13:34 从余额宝充值中得到</span>
					<span class="list1money"> ¥ 20</span>
				</li>
				<li class="list2li2">
					<div class="list2li2div1">
						<img src="img/hongbao_03.png" alt="hongbao">
						<ul>
							<li class="list2li2div1li1">
								<span>1212红包</span>
							</li>
							<li class="list2li2div1li2">
								<span class="danwei">¥</span>
								<span class="shuliang">999</span>
							</li>
						</ul>

					</div>
					<div class="list2li2div2">
						<img id="wifi" src="img/wifi_03.png" alt="wifi">
						<ul>
							<li class="list2li2div2li1">
								<span>获赠流量</span>
							</li>
							<li class="list2li2div2li2">
								<span class="shuliang">999</span>
								<span class="danwei">MB</span>
							</li>
						</ul>

					</div>
					<div class="list2li2div3">
						<img src="img/caipiao_03.png" alt="caipaio">
						<ul>
							<li class="list2li2div3li1">
								<span>中彩票</span>
							</li>
						</ul>
					</div>
					<div class="list2li2div4">
						<ul>
							<li class="list2li2div41">
								<span>未获得</span>
							</li>
						</ul>
					</div>
				</li>
			</ul>
		</div>
		<div class="mid">
			<ul>
				<li id="midli1" class="clear">
					<span class="midli1span1">未开宝箱</span>
					<span class="baoxiangshuliang">12</span>
					<span class="midli1span2">个</span>
				</li>
				<li class="midli2">
					<span>
						<img class="img1" src="img/big_baoxiang1_03.png" alt="baoxiang1">
						<span>
							<div class="div1">
							<span class="midli2span1span1">x</span>
							<span class="midli2span1span2">99</span>
							</div>
						</span>
					</span>
					<span>
						<img class="img2" src="img/big_baoxiang2_03.png" alt="baoxiang2">
						<span>
							<div class="div2">
								<span class="midli2span1span1">x</span>
								<span class="midli2span1span2">99</span>
							</div>
						</span>
					</span>
					<span>
						<img class="img3" src="img/big_baoxiang3_03.png" alt="baoxiang3">
						<span>
							<div class="div3">
								<span class="midli2span1span1">x</span>
								<span class="midli2span1span2">99</span>
							</div>
						</span>
					</span>
					<div class="midli2div">
						<span>
							<img src="img/mark_right_03.png" alt="rightmark">
						</span>
					</div>
				</li>
				<li class="midli3">
					<img src="img/pagecontroll_selectd_03.png" alt="controll">
					<img src="img/pagecontroll_nomal_03.png" alt="controll">
					<img src="img/pagecontroll_nomal_03.png" alt="controll">
				</li>
			</ul>
		</div>
		<div class="footer">
			<ul>
				<li>
					<div class="footerdiv1">
						<img src="img/list3_title_left_03.png" alt="titleleft" class="footerimg1">
						<img src="img/list3_title_bg_03.png" alt="titlebg" class="footerimg11">
						<span>获得更多宝箱</span>
					</div>
				</li>
				<li>
					<div class="footerdiv2">
						<img src="img/list3_zhifubao_bg_03.png" alt="zhifubaobg" class="footerimg2">
						<img src="img/list3_zhifubao_03.png" alt="zhifubao" class="footerimg22">
						<span>余额宝充值送宝箱</span>
					</div>
				</li>
				<li>
					<div class="footerdiv3">
						<img src="img/list3_share_bg_03.png" alt="sharebg" class="footerimg2">
						<img src="img/list3_share_03.png" alt="share" class="footerimg22">
						<span>分享宝贝送宝箱</span>
					</div>
				</li>
				<li>
					<div class="footerdiv4">
						<img src="img/list3_1212_bg_03.png" alt="1212bg" class="footerimg2">
						<img src="img/list3_1212_03.png" alt="1212" class="footerimg22">
						<span>愿望清单送宝箱</span>
					</div>
				</li>
			</ul>
		</div>
	


	</div>
</body>
</html>